<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>用户注册</title>
</head>
<body>
    <form  method="GET">
        <p>账号:&nbsp;&nbsp;<input id="zhanghao" type="text" placeholder="请输入用户信息..." maxlength="12"></p>
        <p>密码:&nbsp;&nbsp;<input type="password" ></p>
        <p>性别 
            <input name="sex" type="radio">男
            <input name="sex" type="radio" checked="checked">女   
        </p>

        <p>学历:
            <input name="school" type="radio" checked="checked">本科
            <input name="school" type="radio">专科
        </p>

        <p>自我介绍：<textarea type="text" id="introduce" placeholder="请介绍一下自己..."></textarea>
        </p>


        <p>
            <input onclick="jieshao()" type="submit" value="提交">
            <input type="reset" valuse="重置">
            <input onclick="jiaoyan()" type="button" value="校验">
            <button>保存</button>
        </p>
        
        

        <!-- 脚本--> 
        <script>

            //自我介绍方法
            function jieshao(){
                alert(document.getElementById("introduce").value);
                //document.write("<h2>大家哈</h2>");
            }

            //校验方法
            function jiaoyan(){
                var p = document.getElementById("zhanghao").value;
                if(p =="admin"){
                    alert("校验成功！");
                }else{
                    alert("校验失败！");  
                }

            }
        
        </script>
        
    </form>
    



</body>
</html>